<template>
  <div class="slogan">
    <ul>
      <li><img src="../assets/Slogan/1.jpg" alt=""></li>
      <li><img src="../assets/Slogan/2.jpg" alt=""></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Slogan",
  data: function() {
    return {

    };
  }
};
</script>

<style lang="scss" scoped>
.slogan{
  width: 100%;
  height: 200px;
  // background-color: blue;
  margin-top: 10px;
}
.slogan ul{
  width: 100%;
  height: 200px;
  display: flex;
}
.slogan li{
  width: 189px;
  height: 197px;
}
.slogan li img{
  width: 100%;
}

</style>